<template>
    <fieldset>
        <legend>购物车</legend>
        <h1>购物车:cart</h1>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>
                    产品:{{item.title}}
                </b>
                ------
                <b>
                    价格:{{item.price}}
                </b>
                ------
                <b>
                    数量:{{item.count}}
                </b>
                ------
                <button>-</button>
            </li>
        </ul>
        <h1>总价:{{total}}</h1>
    </fieldset>
</template>
<script>
import { mapState,mapGetters } from 'vuex';
    export default{
        computed:{
            ...mapState('cart',['cartData']),
            ...mapGetters('cart',['total'])
        }
    }
</script>